<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
		<meta content="jquery, معاينة, نصوص, مولد" name="keywords" />
		<meta content="مولد نصوص للمعاينة المتقدم" name="description" />
		<title>مولد نصوص المعاينة</title>
		<link rel="shortcut icon" href="images/meeeeeee.png" />
		<link type="text/css" href="css/ui-custom-theme.css" rel="stylesheet" />
		<link type="text/css" href="css/style.css" rel="stylesheet" />
	</head>

	<body>

		<div id="sidebar">
			<div id="akordion">
				<h3 id="openHeading"><a href="#">أضف عنوان</a></h3>
				<div class="panel">	
					<div id="header">
						<button class="choose" id="h1">أضف عنوان 1</button>
						<button class="choose" id="h2">أضف عنوان 2</button>
						<button class="choose" id="h3">أضف عنوان 3</button>
						<button class="choose" id="h4">أضف عنوان 4</button>
						<button class="choose" id="h5">أضف عنوان 5</button>
						<button class="choose" id="h6">أضف عنوان 6</button>
					</div>
				</div>

				<h3><a href="#">أضف فقرة جديدة</a></h3>
				<div class="panel">
					<div class="imageBox">
						<input id="imageSource" class="inputs" type="text" value="images/image1.jpg" /><label for="imageSource">ضع هنا رابط الصورة.</label>
					</div>
					<div class="imageBox">
						<textarea id="pg" spellcheck="false">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق، إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع، ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق، هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.</textarea>
						<button id="addParagraph" class="add">أضف فقرة</button>
					</div>
					<div class="imageBox">
						<button id="addPreBlock" class="add">مثال كود وإقتباس</button>
						<button id="addOther" class="add">أمثلة أخرى</button>
					</div>
				</div>

				<h3><a href="#">أضف قائمة</a></h3>
				<div class="panel">
					<button id="addol" class="add">أضف قائمة منظمة</button>
					<button id="addul" class="add">أضف قائمة غير منظمة</button>
				</div>

				<h3><a href="#">أضف جدول</a></h3>
				<div class="panel">
					<button id="addTable" class="add">أضف جدول</button>
				</div>

				<h3><a href="#">أضف أدوات أخرى</a></h3>
				<div class="panel">
					<button id="addForms" class="add">أضف الأدوات</button>
				</div>

				<h3><a href="#">أضف ڥيديو</a></h3>
				<div class="panel">
					<div class="imageBox">
						<input id="source1" class="inputs" type="text" placeholder="مسار ڥيديو ogg" />
						<input id="source2" class="inputs" type="text" placeholder="مسار ڥيديو mp4" />
						<input id="source3" class="inputs" type="text" placeholder="مسار ڥيديو webm" />
					</div>
					<div class="imageBox">
						<button id="addVideo" class="add">أضف</button>
					</div>
				</div>

			</div> <!-- end akordion -->
		</div>


		<div id="preview">
			<div id="area"><div class="sortable"><h2>هذا عنوان رأسي آلي.</h2><input type="checkbox" class="remove" /></div><div class="sortable"><div class="separator align-right"><img src="images/image1.jpg" alt="مثال صورة" /><div class="remove image-option ui-widget-header"><b>الطفو:</b> <a class="fleft selected" href="#">اليسار</a> &bull; <a class="fright" href="#">اليمين</a> &bull; <a class="fnone" href="#">من دون</a> &bull; <a class="dels" href="#">إحذف الصورة</a></div></div><p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق، إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع، ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق، هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.<span class="remove"> <a class="plus" href="#">أضف فقرة (+)</a> <a class="minus" href="#">إلغاء (&times;)</a></span></p><div class="remove clear"></div><input type="checkbox" class="remove" /></div><div class="footer ui-widget-header remove">&#169; 1 جوان 2014، القيروان - تونس :تعريب: <a href="https://plus.google.com/+EmadAdelGeek/" target="_blank">عماد عادل</a> | النسخة الأصلية لـ<a href="http://gplus.to/tovic" target="_blank">توفيق نورالرحمان</a></div></div> <!-- end area -->
		</div> <!-- end preview -->


		<div id="mainButton" class="ui-widget-header">
			<button id="resetItem">حذف كل البيانات المحفوظة</button>
			<button id="removeAll">حذف العنصار التي تم تعليمها</button>
			<button id="open">خيارات</button>
			<button id="generate">أنتج الكود</button>
			<button id="extras">إضافيات</button>
		</div>



		<div id="generated">
			<textarea id="thecode" spellcheck="false"></textarea>
		</div>
		<div class="confirmbox" style="display:none;"></div>


		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript" src="js/lipsum-v1.js"></script>


	</body>
</html>